<%-- 
    Document   : ProfileView
    Created on : Mar 24, 2012, 11:12:21 PM
    Author     : DongJoo Ko
--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<!-- <link type="text/css" rel="stylesheet" href="fs.css" /> -->

<style type="text/css">

 body {
    background-color:  #E0EEEE;
    float : none;
    margin-left : 10px;
    min-height : 10000px;
}
    
h1,h2,h3,h4,h5,h6 {
	font-weight: 700;
	line-height: 140%;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}

h1 {
	font-size: 1.8em;
	line-height: 100%;
	/*margin-bottom: 20px;*/
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}

.userDetails {
	float: left;
	margin: 10px;
	min-width: 240px;
}

.userPic {
	margin: 10px;
	float: left;
        border : 1px solid gray; 
}

.userInfo {
	float: left;
}
.content{
    margin-top: 1px;
    border : 1px solid gray; 
}

.plans{
    margin-top: 100px;
    
    border : 1px solid gray; 
    
}
.comment{
    margin-top: 50px;
    
}

.send_btn{
    text-align: center;
}

.friendsList{
    
    border-right: 1px solid black; 
    float: left;
}

fieldset{
    border : 2px solid #329555;
    margin : 0px auto;
}

#serchFriendResult{
    margin : 0px auto;
}

</style>

<LINK REL=StyleSheet HREF="./css/main.css" TYPE="text/css">
</head>
<body>
    <div class="filler">
            <div class="bg">
                <div class="main">
                    <c:choose>
                    <c:when test="${user.isDoctor}">
                    <div class="hdr">
                        <div class="logo">
                            <img src="./imgs/logo.png"/>
                        </div>
                        <div class="hdr_content_container">
                            <div class="acct_btns" style="margin-top : 10px;">
                                <div class="acct_btn">
                                    <a href="accountSettings.jsp">Account Settings</a>
                                </div>
                                <div class="acct_btn">
                                    <a href="LoginServlet?action=logout">Log Out</a>
                                </div>
                            </div>

                            <div class="acct_btns" style="margin-top: 75px;">
                                <div class="acct_btn">
                                    <a href="doctorDashboard.jsp">Home</a>
                                </div>
                                <div class="acct_btn">
                                    <a href="plans.jsp">Plans</a>
                                </div>
                                <div class="acct_btn">
                                    <a href="patients.jsp">Patients</a>
                                </div>

                            </div>
                        </div>
                    </div>
                    </c:when>
                    <c:otherwise>
                    <div class="hdr">
                        <div class="logo">
                            <img src="./imgs/logo.png"/>
                        </div>

                        
                        <div class="hdr_content_container">
                            <div class="acct_btns" style="margin-top : 10px;">
                                <div class="acct_btn">
                                    <a href="accountSettings.jsp">Account Settings</a>
                                </div>
                                <div class="acct_btn">
                                    <a href="LoginServlet?action=logout">Log Out</a>
                                </div>
                            </div>

                            <div class="acct_btns" style="margin-top: 75px;">
                                <div class="acct_btn">
                                    <a href="dashboard.jsp">Home</a>
                                </div>
                                <div class="acct_btn">
                                    <a href="calendar.jsp">Calendar</a>
                                </div>
                                <div class="acct_btn">
                                    <a href="plans.jsp">Plans</a>
                                </div>
                                <div class="acct_btn">
                                    <a href="data.jsp">Data</a>
                                </div>
                                <div class="acct_btn">
                                    <a href="friends.jsp">Friends</a>
                                </div>

                            </div>
                        </div>
                    </div>
                    </c:otherwise>
                    </c:choose>
                    <div class="container">
                        <p>Name: ${friendInfo.firstName} ${friendInfo.lastName}</p>
                        <p>City: ${friendInfo.city}</p>
                        <p>State: ${friendInfo.state}</p>
                        <p>Country: ${friendInfo.country}</p>
                        <p>Education: ${friendInfo.education}</p>
                        <p>Height: ${friendInfo.height}</p>
                        <p>Weight: ${friendInfo.weight}</p>
                        <p>Sex: ${friendInfo.sex}</p>
                        <div>
                            <form action="Comments?action=sendComment" method="post">
                                Send comment:
                                <input type="textarea" name="comment" height="100" width="300"></input>
                                <input type="submit" value="submit"></input>
                                <input type="hidden" name="friendId" value="${friendInfo.friendID}"></input>
                            </form>
                        </div>
                        <c:if test="${user.isDoctor}">
                            <a href="Analytics?action=getPatientData&patientId=${friendInfo.friendID}">View Patient Data</a>
                        </c:if>
                    </div>
                    <!-- dashboard container -->
                </div>
                <!-- main -->
            </div>
            <!-- bg -->
        </div>
        <!-- filler -->
</body>
</html>
